﻿@using System.Globalization
@using RA_WebSite.Models
@model IEnumerable<RA_WebSite.Models.Provino>

@{
    ViewBag.Title = "Elenco provini";
}

<style>
    .contenitore {				
        overflow: hidden;
    }
</style>
<meta name="robots" content="noindex,nofollow" >
<div align="left">
    <a href='@Url.Action("Index", "Home", null )'>Home</a> > 
    <a href='@Url.Action("Index", "Campione", null )'>Campioni</a> > 
    <a href='@Url.Action("ListStepCampione", "Step", new { id = ViewBag.StepAssociato.Campione_Id } )'>Step</a> > Provini
</div>
<h2 class="titoloSezione">Elenco dei provini (sezioni) dello step con codice @ViewBag.StepAssociato.Id </h2>


<div align="right"><a class="tooltip" href="#" title="<img src='/Images/Fasi/fase3.png' width='300px' height='300px' />" style="right: 50%"><strong>In che fase mi trovo?</strong></a></div>


<table id="tabellaDati" class="tablesorter">
    <thead>
        <tr>
            <th>Codice</th>  
            <th>Anteprima</th> 
            <th>Risultato analisi</th> 
            <th>Azioni</th> 
        </tr> 
    </thead>

    <tbody> 

        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.Id)
                </td>
                
                <td>

                    @{
                        var coordinate = item.Coordinate.Split(' ');
                        
                        var grado = "N/A";
                        var Percentuale = "N/A";
                        var Tipo = "N/A";

                        var db = new RAContext();
                        var analisi = (from a in db.Analisis where a.Provino_Id == item.Id select a).FirstOrDefault();
                        if (analisi != null)
                        {
                            var gradodb = (from g in db.GradoDiRuggines where g.Id == analisi.GradoDiRuggine_Id select g).FirstOrDefault();
                            grado = String.Format("Compreso tra {0} e {1}", gradodb.LimiteInferiore, gradodb.LimiteSuperiore);

                            Percentuale = analisi.PercentualeDiRuggine.ToString(CultureInfo.InvariantCulture);

                            var tipo = (from g in db.TipoDiRuggines where g.Id == analisi.TipoDiRuggine_Id select g).FirstOrDefault();
                            Tipo = String.Format("Ruggine di tipo {0} - {1}", tipo.Tipo, tipo.TipoEsteso);

                        }
                    }
                    <div class="contenitore" style="margin: auto">
                        <img x1="@coordinate[0]" y1="@coordinate[1]" x2="@coordinate[2]" y2="@coordinate[3]" src="@Url.Action("getImg", "Step", new { id = ViewBag.StepAssociato.Id })" class="provino" />
                    </div>

                    
                </td>
                
                <td>
                    <strong>Grado di ruggine:</strong> @grado<br/>
                    <strong>Percentuale di ruggine:</strong> @Percentuale<br/>
                    <strong>Tipo di ruggine:</strong> @Tipo
                </td>


                <td>
                    <a href='@Url.Action("Details", "Provino", new {idStep= ViewBag.StepAssociato.Id, id = item.Id })' title="Mostra i dettagli" class="tooltip">Dettagli</a> |
                    <a href='@Url.Action("Delete", "Provino", new { idStep = ViewBag.StepAssociato.Id, item.Id })' title="Cancella definivamente il provino" class="tooltip">Elimina</a>
                    
                </td>
                               
            </tr>
        }
    </tbody>


</table>

<div style="text-align: center;" >
    <a href='@Url.Action("Create", "Provino", new { id = ViewBag.StepAssociato.Id})' id="bottoneCrea">Crea provino</a>

</div>
<a href='@Url.Action("ListStepCampione", "Step", new { id = ViewBag.StepAssociato.Campione_Id })' >Indietro</a>


<script>
    var maxH = 150;
    $('.provino').each(function () {
        var VA = $(this).height();
        var VL = $(this).width();
        var ratio = maxH / VA;
        //$('.contenitore').css("background-color", "red");
        $(this).load(function () {
            var x1 = $(this).attr('x1');
            var y1 = $(this).attr('y1');
            var x2 = $(this).attr('x2');
            var y2 = $(this).attr('y2');
            
            $(this).parents('.contenitore').css({
                height: Math.abs(y2 - y1)*ratio,
                width: Math.abs(x2 - x1)*ratio
            });
        	
            $(this).css({
                marginLeft: -x1*ratio,
                marginTop: -y1*ratio,
                height: maxH
            });
        });
    });
    
    $("#tabellaDati")
    .tablesorter({
        widgets: ['zebra'],
        headers: { 1: { sorter: false }, 2: { sorter: false }, 3: { sorter: false } }
    })
    .css({
        'border': '1px solid white',
        'color': 'black'
    });
</script>